<section class="exam-system">
  <nz-layout class="layout">
    <nz-header>
      <!--<div class="logo"></div>-->
      <ul nz-menu [nzTheme]="'dark'" [nzMode]="'horizontal'" style="line-height: 64px;">
        <li nz-menu-item routerLink="/exam-center" routerLinkActive="active">返回考试中心</li>
      </ul>
    </nz-header>
    <nz-content style="padding:0 50px;">
      <nz-breadcrumb style="margin:12px 0;">
        <!--<nz-breadcrumb-item>Home</nz-breadcrumb-item>-->
        <!--<nz-breadcrumb-item>List</nz-breadcrumb-item>-->
        <!--<nz-breadcrumb-item>App</nz-breadcrumb-item>-->
      </nz-breadcrumb>
      <div style="background:#fff; padding: 24px; min-height: 280px;">
        <section class="content" [ngSwitch]="questionType">
          <app-choice *ngSwitchCase="'choice'">

          </app-choice>
          <app-short-answer *ngSwitchCase="'short-answer'">

          </app-short-answer>
          <div class="content-footer">
            <button nz-button [nzType]="'default'">
              <span>上一题</span>
            </button>
            <button nz-button [nzType]="'primary'">
              <span>下一题</span>
            </button>
          </div>
        </section>
      </div>
      {{questionType}}<input [(ngModel)]="questionType"/>测试按钮，输入choice或short-answer
    </nz-content>
    <nz-footer style="text-align: center;">Ant Design ©2017 Implement By Angular</nz-footer>
  </nz-layout>
</section>
